<script setup lang="ts">
const itmes=[
  {title:'代卖规则',desc:`代卖域名首先注册我司账号建立模板，可以直接发布代卖到一口价，代卖收取
交易总额的25%的手续费，代卖域名到一口价域名直接转入我司收取10%的
费用。`,img:'/imgs/agentRule/img1.png'},
  {title:'押金规则',desc:`每个域名代卖冻结押金200元（转入我司不收取），出售成功卖方联系客服
在1-90内交割到客服指定的账户ID`,img:'/imgs/agentRule/img2.png'},
  {title:'违约说明',desc:`如果卖方违约各种原因造成的交易失败押金不退赔给买方，买方成功购买
域名资金到卖方账户直接显示冻结，成功交割联系客服解冻。`,img:'/imgs/agentRule/img3.png'},
  {title:'特别说明',desc:'买卖双方对域名自行判断，存在恶意违约，侵权，欺诈，纠纷，仲裁等域名\n' +
        '一切与我司无关，我司有权配合公安机关立案调查',img:'/imgs/agentRule/img4.png'},
]
</script>

<template>
  <div class="w-[1200px] mx-auto">
    <div class="text-center text-[36px] mb-6 mt-10">域名代卖</div>
    <div class="text-center text-[16px] text-[#808080] mb-8">代卖域名就来蓝名网，专业代卖各大平台域名</div>
    <div class="overflow-hidden bg-white mb-14 flex justify-between h-[390px]" v-for="(item,index) in itmes" :class="[index%2?'flex-row':'flex-row-reverse']">
      <div class="ml-[42px] mr-[56px] mt-[120px]" >
        <div class="text-[22px] text-[#040404]"><div class="w-8 h-7 mr-2"><img src="/imgs/agentRule/img0.png" alt=""></div>
          {{ item.title }}</div>
        <div class="text-base text-[#080808] w-[510px] pt-[22px]">{{
            item.desc
          }}</div>
      </div>
      <div class="w-[510px] m-2"><img :src="item.img" alt="" class="h-full"></div>
    </div>
  </div>

</template>

<style scoped lang="scss">

</style>